<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>电影阅读</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/style.css"/>
    <script src="../js/jquery.min.js"></script>
    <script>
        $(function () {
            $('.person').hover(function () {
                $(this).find('.personlist').show();
            }, function () {
                $(this).find('.personlist').hide();
            })

            $('.fabu').hover(function () {
                $(this).find('.fabulist').show();
                $(this).addClass('fabu-0');
            }, function () {
                $(this).find('.fabulist').hide();
                $(this).removeClass('fabu-0');
            })
        })
    </script>
</head>
<body>


<!--header start-->
<div class="header">
    <div class="w">
        <a href="" class="logo dib fl">
            <img src="../images/logo.png" alt=""/>
        </a>
        <ul class="nav fl">
            <li>
                <a href="">文字</a>
            </li>
            <li>
                <a href="">电影</a>
            </li>
            <li>
                <a href="">商店</a>
            </li>
            <li>
                <a href="">招商</a>
            </li>
            <li>
                <a href="">论坛</a>
            </li>
        </ul>
        <div class="person por fr">
            <img src="../images/p.png" alt=""/>
            <div class="personlist hz-hid">
                <a href="" class="a-0">个人中心</a>
                <a href="" class="a-1">我的上传</a>
                <a href="" class="a-2">我的收藏</a>
                <a href="" class="a-3">账号设置</a>
                <a href="" class="a-4">退出</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/fabu.png" alt=""/>
            <div class="fabulist hz-hid">
                <a href="">发布帖子</a>
                <a href="">发布文章</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/shou.png" alt=""/>
            <div class="fabulist hz-hid">
                <a href="">我的文章</a>
                <a href="">发布帖子</a>
                <a href="">我的产品</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/s-0.png" alt=""/>
            <div class="p-data dn">13</div>
            <div class="fabulist hz-hid">
                <a href=""><i>10</i>我的评论</a>
                <a href=""><i>10</i>我的回复</a>
                <a href=""><i>03</i>私信</a>
                <a href=""><i>10</i>活动公告</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/car.png" alt=""/>
            <div class="fabulist hz-hid">
                <a href=""><i>10</i>购物车</a>
                <a href=""><i>10</i>未付款</a>
                <a href=""><i>03</i>活动公告</a>
            </div>
        </div>
        <div class="search fr">
            <select  class="sel">
                <option value="">电影</option>
                <option value="">文章</option>
                <option value="">商品</option>
                <option value="">论坛</option>
            </select>
            <input type="text"/>
            <a href=""></a>
        </div>
    </div>
</div>

<!--header end-->

<div class="sec-top sec-top-0">
    <div class="w hz-hid">
        <a href="" class="sec-title dib fl">文章专题</a>
        <ul>
            <li class="current">电影</li>
            <li>电视剧</li>
            <li>动漫</li>
            <li>综艺</li>
            <li>娱乐</li>
            <li>搞笑</li>
            <li>精选档期</li>
            <li>上线时间表</li>
        </ul>
    </div>
</div>

<!--container start-->
<div class="movie-download w hz-hid">
    <div class="down-left fl hz-hid">
        <div class="title">
            <span>
                评论（<i>999</i>）
            </span>
            <a href="">科技</a>><a href="">数码</a>><a href="">文章名称</a>
        </div>
        <div class="down-main hz-hid">
            <div class="down-movie hz-hid">
                <div class="down-movie-title">聊聊春节回家的感触和近期小生活</div>
                <div class="down-movie-info">
                    <i class="i-0 dib fl">10分钟前 (01-16)</i>
                    <i class="i-1 dib fl">165浏览</i>
                    <i class="i-2 dib fl">23评论</i>
                </div>
                <div class="down-movie-main hz-hid">
                    <span class="img dib fl"></span>
                    <div class="txt hz-hid fl por">
                        <p>妈妈像花儿一样[连载至24集]</p>
                        <p>导      演：张多福</p>
                        <p>类      型：电视剧 喜剧</p>
                        <p>上映时间：2015</p>
                        <p>国家/地区：大陆</p>
                        <p>对白语言：国语</p>
                        <p>内容来源：合作商</p>
                        <p>主       演：你大爷   你大爷   你大爷</p>
                        <div class="txt-ping">
                            <p>
                                <img src="../images/x-0.png" alt=""/><img src="../images/x-0.png" alt=""/><img src="../images/x-0.png" alt=""/><img src="../images/x-0.png" alt=""/><img src="../images/x-1.png" alt=""/>
                            </p>
                            <p>评分：8.8分</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="down-share">
                <span class="dib fl">评论、分享获积分，积分换豪礼</span>
                <a href="" class="a-0">收藏</a>
                <a href="" class="a-1">分享</a>
                <i>
                    <span>打分：</span><img src="../images/x-0.png" alt=""/><img src="../images/x-0.png" alt=""/><img src="../images/x-0.png" alt=""/><img src="../images/x-0.png" alt=""/><img src="../images/x-1.png" alt=""/>

                </i>
            </div>
            <div class="down-article hz-hid">
                <p>摘要部分这里显示的是摘要，摘要部分这里显示的是摘要，你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了的故事的观点是感受到分公司的公司的风格是地方分公司的分公司的分公司的分公司的分公司的分公司的分公司的分公司的分，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                <img src="" alt=""/>
                <p>摘要部分这里显示的是摘要，摘要部分这里显示的是摘要，你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了的故事的观点是感受到分公司的公司的风格是地方分公司的分公司的分公司的分公司的分公司的分公司的分公司的分公司的分，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                <p>摘要部分这里显示的是摘要，摘要部分这里显示的是摘要，你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了的故事的观点是感受到分公司的公司的风格是地方分公司的分公司的分公司的分公司的分公司的分公司的分公司的分公司的分，虽说这是案例，但也应该啰嗦的像个在要不是...</p>

                <div class="down-address hz-hid">
                    <div class="down-address-title">下载地址</div>
                    <ul class="hz-hid">
                        <li>
                            <a href="" class="a-title">第01集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                        <li>
                            <a href="" class="a-title">第02集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                        <li>
                            <a href="" class="a-title">第03集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                        <li>
                            <a href="" class="a-title">第04集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                        <li>
                            <a href="" class="a-title">第05集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                        <li>
                            <a href="" class="a-title a-title-0">第06集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                        <li>
                            <a href="" class="a-title a-title-0">第07集.HD1024.mkv｜mp4</a>
                            <a href="" class="a-down">迅雷影音</a>
                            <a href="" class="a-down a-down-0">旋风下载</a>
                            <a href="" class="a-down">迅雷下载</a>
                        </li>
                    </ul>
                </div>
                <ul class="down-article-bottom hz-hid">
                    <li class="li-0">99999 浏览</li>
                    <li class="li-1">5 喜欢</li>
                    <li class="li-2">12  推荐</li>
                    <li class="li-3">18  收藏</li>
                    <li class="li-4 bor-none">分享</li>
                </ul>
                <div class="down-article-pager">
                    <a href="" class="a-0">上一篇</a><a href="">上一页</a><a href="">下一页</a><a href="" class="a-0 current">下一篇</a>
                </div>
            </div>

        </div>

        <div class="yuedu-0 hz-hid">
            <span class="img dib"></span>
            <div class="txt hz-hid">
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
                <a href="">好的设计建立在平等沟通基础上的</a>
            </div>
        </div>

        <a href="" class="down-ad db"></a>

        <div class="down-pinlun hz-hid">
            <textarea name="" id="" cols="30" rows="10"></textarea>
            <div class="down-area">
                <a href="" class="a-0"></a>
                <a href="" class="a-0 a-1"></a>
                <a href="" class="a-2">发布观点</a>
            </div>
            <div class="clear"></div>
            <div class="down-pinlun-bottom">
                <a href="" class="a-1 fl">查看评论</a>
                <span class="dib fl">已评论</span>
                <a class="a-1 fl">2222人 </a>
            </div>
        </div>
    </div>
    <div class="down-right fr hz-hid">
        <div class="title">
            <span class="dib fl">相似电影</span>
            <a href="" class="dib fr">换一批</a>
        </div>
        <div class="m3 hz-hid">
            <div class="center1 hz-hid">
                <ul class="hz-hid">
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">画江湖之不良人</a>
                            <p>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-1.png" alt=""/>
                            </p>
                            <p class="p-0">
                                <span class="dib fl">评分:</span><strong class="f18">8.8</strong>
                            </p>
                            <p>《时间管理局》时间管理局是一个自治且神秘的政府机构，直接听命于政府最高负责人。</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">画江湖之不良人</a>
                            <p>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-1.png" alt=""/>
                            </p>
                            <p class="p-0">
                                <span class="dib fl">评分:</span><strong class="f18">8.8</strong>
                            </p>
                            <p>《时间管理局》时间管理局是一个自治且神秘的政府机构，直接听命于政府最高负责人。</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">画江湖之不良人</a>
                            <p>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-1.png" alt=""/>
                            </p>
                            <p class="p-0">
                                <span class="dib fl">评分:</span><strong class="f18">8.8</strong>
                            </p>
                            <p>《时间管理局》时间管理局是一个自治且神秘的政府机构，直接听命于政府最高负责人。</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">画江湖之不良人</a>
                            <p>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-0.png" alt=""/>
                                <img src="../images/x-1.png" alt=""/>
                            </p>
                            <p class="p-0">
                                <span class="dib fl">评分:</span><strong class="f18">8.8</strong>
                            </p>
                            <p>《时间管理局》时间管理局是一个自治且神秘的政府机构，直接听命于政府最高负责人。</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="m2 hz-hid">
            <div class="right fr">
                <div class="title">
                    <ul>
                        <li class="current">评论最多</li>
                        <li>热门推荐</li>
                        <li>读者投稿</li>
                        <li>热门应用</li>
                    </ul>
                </div>
                <ul class="ul hz-hid">
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">聊聊春节回家的感触和近期小生活</a>

                            <p>生活文字<span>时间02-24</span>110评论</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">聊聊春节回家的感触和近期小生活</a>

                            <p>生活文字<span>时间02-24</span>110评论</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">聊聊春节回家的感触和近期小生活</a>

                            <p>生活文字<span>时间02-24</span>110评论</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">聊聊春节回家的感触和近期小生活</a>

                            <p>生活文字<span>时间02-24</span>110评论</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">聊聊春节回家的感触和近期小生活</a>

                            <p>生活文字<span>时间02-24</span>110评论</p>
                        </div>
                    </li>
                    <li>
                        <img src="" alt=""/>
                        <div class="txt fl hz-hid">
                            <a href="">聊聊春节回家的感触和近期小生活</a>

                            <p>生活文字<span>时间02-24</span>110评论</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <a href="" class="down-right-ad db"></a>
    </div>
</div>

<!--container end-->





<!--footer start-->
<div class="footer">
    <ul class="w hz-hid">
        <li class="li-0">
            <h2>Booe.cn</h2>
            <p>以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计
                潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的
                交互体验，更有严谨而通俗的技术教程！</p>
            <p>唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享
                高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
        </li>
       <li>
           <h2>关于</h2>
           <a href="">关于Booe.cn</a>
           <a href="">留言联系</a>
           <a href="">友情链接</a>
           <a href="">免责声明</a>
           <a href="">网站地图</a>
       </li>
        <li>
            <h2>栏目</h2>
            <a href="">关于Booe.cn</a>
            <a href="">留言联系</a>
            <a href="">友情链接</a>
            <a href="">免责声明</a>
            <a href="">网站地图</a>
        </li>
        <li>
            <h2>友链</h2>
            <a href="">关于Booe.cn</a>
            <a href="">留言联系</a>
            <a href="">友情链接</a>
            <a href="">免责声明</a>
            <a href="">网站地图</a>
        </li>
        <li class="last">
            <h2>关注</h2>
            <p>Email:Booe.cn@163.com</p>
            <div class="dingyue hz-hid">
                <input type="text" value="请出入您的邮箱" onclick="if(value=='请出入您的邮箱') value=''" onblur="if(value=='') value='请出入您的邮箱'"/>
                <a href="">订阅</a>
            </div>
            <div class="link">
                <a href="" class="a-0"></a>
                <a href="" class="a-1"></a>
                <a href="" class="a-2"></a>
                <a href="" class="a-3"></a>
                <a href="" class="a-4 mr-0"></a>
            </div>
        </li>
    </ul>
    <div class="copy w">
        <span>Copyright © 2012-2015</span><a href="">booe.cn</a><span>Theme by booe.cn All All Rights Reserved. 粤ICP备12075456号-1</span>
    </div>
</div>
<!--footer end-->





</body>
</html>